<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>用户登录</title>
  <style>
    /* 插入图片 */
    body{background-image: url(../public/_20211111210123.jpg); 

    /* 图片平铺不重复 */
    background-size: cover ;
    }
    /* 居中区域宽度 */  
    .center{color: gold;}
    .sm{
      width: 200px;
      height: 25px;
    }
    a{color: gold;}
  </style>
</head>

<body>
  <div class="juz">
  <!-- 登录大块 -->
<div class="center">
  <h2>用户登录</h2>
</div>
<!-- ajax交互部分 -->
<div class="ajax">
  <input type="text" placeholder="手机号/邮箱" class="sm"><br>
  <input type="text" placeholder="密码" class="sm">
</div>   
<div>
  <a href="#">  <h6>登录账号即代表您已阅读过、了解并接受《海夜读用户服务协议》、《隐私保护政策》 </h6>  </a>  
</div> 
 <!--页尾部分  -->
<div class="foot">
  <button class="sm">登录</button><br>
  <a href="#" >注册账号</a>
  <a href="#" >忘记密码</a>
</div> 
</div>
</body>

</html>